<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>Open Directory</title>
  <script type="text/javascript" language="javascript">
  
  function trim(str) {
	str = str.replace(/^\s+/, '');
	for (var i = str.length - 1; i >= 0; i--) {
		if (/\S/.test(str.charAt(i))) {
			str = str.substring(0, i + 1);
			break;
		}
	}
	return str;
}
  
  </script>
  </head>
  <body>
    <h1 style="margin: 50px auto 10px auto; text-align: center;"><a href="/" style="text-decoration: none;">Open Directory</a></h1>
    <h2 style="margin: 0px auto; text-align: center;">Registration</h2>

	<div style="margin: 15px 0 10px; font-size: 110%; color: #FF0000;">{{ message }}</div>

    <form action="/start" method="post">
	<div style="width: 300px;">
	  <div style="font-size: 130%; margin: 20px 0 20px 0; font-weight: bold">Register your Nickname</div>
	  <div style="height: 35px;"><div style="float: left; width: 70px; margin-left: 20px;"> Nickname: </div><input type="text" name="record" style="float: right" /></div>
	  <div style="height: 35px;"><div style="width: 70px; float:left; margin-left: 20px;">Contact #:</div><input style="float: right" type="text" name="contact_number" /></div>
	  <div><div style="width: 70px; float:left; margin-left: 20px;">Email:</div><input style="float: right" type="text" name="email" /></div>
      <div><input type="submit" style="float:right; margin-top: 20px;" value="Register Record!"></div>
	</div>
    </form>
    
    <h2>Admin Create Form</h2>
    
    <form action="/createrecord" method="post">
	<div style="width: 300px;">
	  <div style="font-size: 130%; margin: 20px 0 20px 0; font-weight: bold">Register your Record</div>
	  <div style="height: 35px;"><div style="float: left; width: 70px; margin-left: 20px;"> Record Name: </div><input type="text" name="record_name" style="float: right" /></div>
	  <div style="height: 35px;"><div style="width: 70px; float:left; margin-left: 20px;">Contact #:</div><input style="float: right" type="text" name="contact_number" /></div>
      <div><input type="submit" style="float:right; margin-top: 20px;" value="Create Record!"></div>
	</div>
    </form>
    
  </body>
</html>